<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>个人中心</title>
		<!-- 引入layui -->
		<link
			rel="stylesheet"
			href="../sources/layui/css/layui.css"
			media="all"
		/>

		<!-- 引入挑战赛的格式文件 -->
		<link rel="stylesheet" href="../css/layout_happiest_challenge.css" />
		<!-- 引入本地布局文件 -->
		<link rel="stylesheet" href="../css/layout_personal_center.css" />
		<!-- 引入footer布局文件 -->
		<link rel="stylesheet" href="../css/layout_personal_center2.css">
	</head>
	<body>
		<!-- 导航栏部分 -->
		<nav class="nav">
			<div class="left_nav">
				<div class="logo">m</div>
				<span>Heartwarming</span>
			</div>
			<div class="search_nav">
				<div class="searchBar">
					<img src="../sources/icon/search_1.png" class="mg" />
					<input
						type="text"
						id="search"
						value="Search Warm story or Love happiness"
						onfocus="if(value=='Search Warm story or Love happiness')value=''"
						onblur="if(!value)value='Search Warm story or Love happiness'"
						name="keyword"
					/>
					<img src="../sources/icon/voice_1.png" class="mcp" />
				</div>
			</div>

			<div class="right_nav">
				<ul>
					<li>
						<a href="" id="">探索</a>
						<div class="submenu">
							<ul>
								<li>
									<a href="../index.html#fire_advice"
										>热门推荐</a
									>
								</li>
								<li>
									<a href="happiest_challenge.html">挑战赛</a>
								</li>
								<li>
									<a href="upload_article_ahead.html"
										>暖心扶贫</a
									>
								</li>
							</ul>
						</div>
					</li>
					<li><a href="license.html">许可证</a></li>
					<li class="myself">
						<a href="personal_center2.html"
							><img src="../img/login/row_1_1.jpeg" />个人中心</a
						>
					</li>
					<li>
						<a href="upload.html">
							<button class="btn_upload">上传内容</button>
						</a>
					</li>
				</ul>
			</div>
		</nav>
		<!-- 主体部分 -->
		<div class="personal_center_main">
			<div class="personal_center_border">
				<div class="personal_center_eontent">
					<h1>编辑你的个人资料</h1>
					<form action="" class="personal_form">
						<div class="form_bottom">
							<label class="form_bottom_img">头像</label>
							<img
								src="../img/login/login_backgroud_1.jpg"
								alt=""
								width="60px"
								height="60px"
								class="form_bottom_img"
							/>
							<button type="button" class="layui-btn" id="test1">
								<i class="layui-icon">&#xe67c;</i>上传图片
							</button>
							<script src="../sources/layui/layui.js"></script>
							<script src="../js/personal.js"></script>
							<label class="lable_mottom">法钵罩不住的柔情</label>
						</div>
						<div class="form_bottom">
							<div class="form_bottom">
								<label class="form__label" for="user_first_name"
									>名字</label
								>
								<input
									autofocus="autofocus"
									required="required"
									class="form__input"
									maxlength="25"
									size="25"
									type="text"
									value="晨"
								/>
							</div>
							<div class="form_bottom">
								<label class="form__label" for="user_last_name"
									>姓氏</label
								>
								<input
									class="form__input"
									maxlength="25"
									size="25"
									type="text"
									value="子"
								/>
							</div>
						</div>
						<div class="form_bottom">
							<label class="form__label" for="user_email"
								>电子邮件</label
							>
							<input
								required="required"
								class="form__input"
								type="email"
								value="2541077525@qq.com"
								name="user[email]"
								maxlength="25"
								size="25"
							/>
						</div>
						<div class="form_bottom">
							<label class="form__label" for="user_bio"
								>个人简介</label
							>
							<input
								class="personal_information"
								size="50"
								type="text"
								value="只有用水将心上的雾气淘洗干净, 荣光才会照亮最初的梦想 --马尔克斯《百年孤独》"
							/>
						</div>
						<div class="form_bottom">
							<label class="form__label">密码</label>
							<a href="change_password.html">更改密码</a>
						</div>
						<div class="personal_submit form_bottom">
							<a href="" class="personal_reload"
								><button>更新个人资料</button></a
							>
							<a href="" class="personal_cancel"
								><button>取消</button></a
							>
						</div>
					</form>
				</div>
			</div>
		</div>
		  <!-- 页尾部分 -->
	<div class="clear"></div>
	<footer class="publish_footer">
		<div class="publish_footer_content">
			<div class="publish_stroy">
				<p >
					每一个景点
					每一张照片
					每一个温情的故事
				</p>
			</div>
			<div class="publish_relative">
				<span><a href="">联系我们:</a></span>
				<span>
					<img src="../img/main/relative.png" alt="" width="30px">2541077525@qq.com
				</span>
				<span>
					<img src="../img/main/telephone.png" alt="" width="30px">18282865957
				</span>
			</div>
            <hr class="publish_hr">
			<div class="publish_copy">
				<a href="https://beian.miit.gov.cn/#/Integrated/index">闽ICP备06013218号-2,</a>
				<span>Copyright © 2021 All Right Reserved, </span>
			</div>
		</div>
	</footer>
	</body>
</html>
